17554
13115
Ich habe nach diesem bestimmten Thema gesucht und konnte nichts Ähnliches finden. Wenn ja, schließen Sie diese bitte und geben Sie einen Link an.
Ich erstelle einen JSON-Daten-API-Simulator. Ich möchte, dass Benutzer eine JSON-Objektanforderung kopieren und in einen Textbereich einfügen können, wo sie sie auch ändern können, bevor sie sie an den Server senden.
Das Problem ist, dass json obj copy und patses häufig zu zusätzlichen Leerzeichen führen und selbst mit dem Pre-Tag nie richtig ausgerichtet werden. Ich möchte auch ein gutes Farbschema für Schlüssel und Werte.
Ich habe Plugins, andere Fragen und Codeausschnitte gesehen, aber sie gelten nicht für Textbereiche, in denen der Text bearbeitet werden kann. Gibt es eine Möglichkeit, es im Bearbeitungsmodus zu gestalten, ohne dass alle HTML-Tags angezeigt werden, die es gestylt haben? Ich möchte es von Grund auf mit Javascript oder JQuery schreiben können. 
Die Syntaxhervorhebung ist schwierig, aber sehen Sie sich diese Geige an, um ein in einen Textbereich eingegebenes JSON-Objekt hübsch zu drucken. Beachten Sie, dass der JSON gültig sein muss, damit dies funktioniert. (Verwenden Sie die Entwicklungskonsole, um Fehler abzufangen.) Überprüfen Sie jsLint auf gültigen json.
Der HTML: